Hay plantillas a las que añadir un menú transforma completamente la estética, les resta protagonismo a la cabecera o simplemente no encontramos un menú discreto y acorde con la plantilla. pero no por ello tenemos que prescindir de un menú.
En estos casos bastaría con añadir un menú tipo texto y ubicarlo en la cabecera de nuestro blog.

Nos situamos en la plantilla sin expandir y buscamos:

<div id='header-wrapper'>
_ _ _ _más código de widget_ _ _ _
</div>

Justo después añadimos un bloque conteniendo un div para albergar el menú.

<div style='position:relative;left:590px;bottom:80px;'>
<a href='url-de-la-página'>Home</a> | <a href='url-de-la-página'> Posts RSS</a> | <a href='url-de-la-página'>Comments RSS |</a>
</div>



A ese bloque le estamos añadiendo la ubicación.
position:relative;left:590px; (podemos aumentar o disminuir para ubicarlo a izquierda o derecha)

bottom:80px; (le otorgamos la altura)

Añadí Home para ir a inicio, Posts RSS para suscribirse a los post y Comments RSS para suscribirse a los comentarios pero podría ser cualquier otro enlace.
Perfil, contacto, una entrada especifica del blog o enlaces externos.


Anónimo

:D muchas gracias, esto esta super bueno, bonito y fácil, ¿hay forma de poner esas letricas con la caracterìstica bold o con un background para que se vea un poquito màs? ¿como son las url de las sucripciones RSS de posts y comentarios? gracias por adelantado

Responder
Anónimo

disculpa, pero ¿hay forma de poner esas letricas con la caracterìstica bold o con un background para que se vea un poquito màs? (SIN AFECTAR EL ASPECTO DE LOS DEMÁS LINKS COMO LAS ETIQUETAS Y EL ARCHIVO) disculpa la mayuscula pero solo queria enfatizarlo :D

Responder
Moisés P.

lo voy a probar. Gracias gem@

Responder
José GDF

Hola Gem@:

Había escrito una parrafada y la perdí por culpa del editor de comentarios, así que te lo resumiré: tu blog no se puede ver con Firefox ni Opera en Ubuntu (distribución de Linux). ¿Es algo que has hecho aposta en la plantilla?

Sólo he conseguido entrar bien a este blog con Windows y Firefox. Normalmente me conecto con Ubuntu a Internet, y al intentar entrar en tu blog me sale lo mismo que si pinchas aquí

En cuanto al truco de poner un menú en la cabecera, lo probaré en breve y te contaré como me ha ido.

Un saludo, y felices fiestas a tod@s.

Responder
Unknown

te deseamos un feliz 2009

Responder
Flores Literarias

perfecto Gemit@. por fin tengo un menú en mi blog jajaja. lo puse sobre el header, duplique el código y quedó preciso... gracias amiga mía, te amo, besotes. Bueno, bueno, sé me nota la emoción no??? :D

abrazos y gracias mil gracias, de nuevo.......

Responder
♥ Titi ♪

Holaaaa!!!!! Te robo un minuto

VAMOS A APAGAR LA LUZ PARA DARLE UN RESPIRO AL PLANETA

Son solo 10 minutos!

hoy - DOMINGO 28 DE DICIEMBRE (2008)

ARGENTINA: 22:50 - 23:00 HORAS

Ver horarios del resto de paises del mundo en:
http://titinafernandez.blogspot.com/

Por favor DIFUNDIR!

Gracias!!! Titi :)

Responder
Gem@

Lupus Indignus puedes añadir cuentos estilos deseas en el mismo código, un ejmplo de color de fondo y letra negrita sería añadir lo siguiente:

<div style='position:relative;left:590px;bottom:80px;background:#dcdcdc;font-weight:bold;'>
La url para suscribirse a comentarios y entradas sería algo así...
Suscribirse a comentarios:
http://nombre-de-blog.blogspot.com/feeds/comments/default
Suscribirse a los post:
http://nombre-de-tu-blog.blogspot.com/feeds/posts/default

Suerte Moisés :)

Siento ese contratiempo José GDF pero no ha ido a posta :(
El problema lo ocasiona el guión de la url, tengo entendido que con Linux también ocurre, pero la única solución es cambiar la dirección y a estas alturas lo veo un contratiempo.
Desde luego cualquier otra solución estaría encartada de llevarla a la práctica para solucionarlo :)

Felices Fiestas Ana y Bego :)

No hay de qué anónimo :)

F.L me alegra mucho verte tan contenta, por ahí te dejé la contestación a otro comentario sobre las transparencias lamento no haberlo visto hasta hoy ;)

♥ Titi ♪ voy a tu blog y me informo bien :)

Responder
Anónimo

Mil gracias Gema, me quedo bonito (modestia aparte), muchas gracias por la ayuda ese menú es perfecto, sencillito y funcional, :D:D:D estoy contento!

Responder
Anónimo

Mi español es simplemente horrible, pero gracias a su visita en mi blog y decir que este artículo es una sugerencia. Simple pero muy eficiente.

Abraços

Responder
José GDF

¡Perfecto! De momento dejo los enlaces que hay. Tengo pensado añadir alguno más, pero lo voy a dejar estar de momento. Aquí podéis ver mi blog para comprobar el efecto que hace. He puesto en negrita las letras y las he desplazado.

¡Muchas gracias, Gem@!

PD: Lástima no pueda seguir este blog desde Linux. Aprovecharé cuando entre a través de Windows, como ahora.

Responder
Gem@

Me alegra mucho Lupus, quedó lindo :)

Gracias por la visita y el comentario csspadroes, su español está muy bien y se agradece :)

José GDF siento ese inconveniente de verdad ¿has pensado suscribirte al correo? te lo digo por el problema que supone acceder, de esta forma lo harías sólo si el tema te interesa :)

Responder
Flores Literarias

hola gemita segui las mismas instrucciones q le diste a Lupus para una color de fondo, y sale, el problema es que no para en el ultimo enlace. Como te habia comentado, duplique el codigo inicial para tener mas contenido, a lo mejor esto es lo q produce el error. Debo añadir algo a la segunda parte para detener la barra de color??

Bueno, por la diferencia horaria supongo q alli ya estan en año nuevo o próximos. Igual, te deseo lo mejor, ten seguro q el proximo año estare aquí, preguntando tonterias y cometiendo errores. :) Abrazos guapetona y pos echame una manito con este liíto. bye.

Bueno gemit@,

Responder
Flores Literarias

parece q no termine el post anterior... Nada, besos y abrazos.

Responder
AndreasColor

Quiero poner una imagen y un banner publicitario al final de todas mis entradas en mi blog http://www.milesdepelis.com/ y no sé como hacerlo ni si se puede. ¿Me puedes orientar un poco?

Muchas gracias, un saludo y feliz año.

Responder
AndreasColor

Sorry porque el tema que pregunto no tiene mucho que ver con lo que estáis tratando en esta entrada, pero es que he estado busacando y no sabía en que "etiqueta" escribir...

Responder
Gem@

F.L ante todo feliz año para ti también :)
Sobre el color de fondo no hay problema de añadirlo simplemente cuidar que todo el código esté en la misma línea. De todas formas si lo vas a añadir en la parte superior del logo no es necesario que lo añadas a la plantilla puedes hacerlo en un elemento de página HTML.. y luego arrastrarlo hasta el lugar que deseas ahí no tendrías que establecer la ubicación sería suficiente con los enlaces y los estilos.
En un comentario posterior me decías de añadir un menú al estilo del mío, si aún te interesa te diré que el mío es un menú de Listamatic2 son sencillos y muy bonitos.
Por el mismo sistema de añadir el menú que tienes ahora también podemos añadir una imagen en cualquier parte del blog incluida la sidebar, aunque mucho más sencillo sería añadirla en un gadget y posteriormente arrastrarla.
Cualquier cosa ya me dices algo ;)

Saludos AndreasColor cuando dices al final de todas tus entradas te refieres al final de blog ¿es así?
Eso puedes hacerlo añadiendo un gadget en el footer, si no te da opción a crearlo puedes probar a arrastrarlo de la sidebar hasta abajo del todo.
Si vieras que en el footer no te toma el gadget puedes crearlo, es muy sencillo.
Añadir elementos de página
También puedes añadirlo a la plantilla justo antes de </body> pero siempre es mucho más engorroso ;)

Responder
Flores Literarias

Bueno Gemit@, suena tonto pero el código no me cupo en una sola linea, es cierto. lo fraccione de varias formas y NO la linea de color no se detiene... Puse un STOP al final del código, pero NADA... no hay solucion.
La otra opcion q me das no la entiendo!!!! vaya empece este año bien torpe jajaja... bueno, igual es solo una linea de color un poco desobediente. Oye Gemit@ y si deseo meter los enlaces en casillas en vez de las barras laterales q debo hacer??? espero q me des una manito, abrazos y q este año Dios te siga llenando de la paciencia divina q tenés para explicarnos...

Mil abrazos......
P.D Gracias por enlace a listamatic... esta buenisimo y se ve sencillo, intentaré agregarlo, gracias guapeton@, ahora si me despido.:((

Responder
Gem@

FL siento ver este comentario con retraso, veamos... lo que me dices de incluir los enlaces en casillas puedes hacerlo, en Listamatic hay muchas formas de añadir menús de ese estilo y se pueden modificar los colores.
Mira aquí:
http://css.maxdesign.com.au/listamatic/index.htm

Donde dice "Horizontal lists" si ves alguno que te guste copia el nombre y te explico como añadirlo.

Responder
Flores Literarias

Hola Gemit@ no te preocupes, bueno miré en listmatic y pos este me gusta:

http://css.maxdesign.com.au/listamatic/horizontal11.htm

Mil abrazos y gracias, gracias por existir. :)

besitos, perdona por ser tan efusiva. bye.

Responder
Gem@

Veamos FL lo primero que haremos será bajar el menú que tienes para dejar espacio al nuevo (más adelante lo quitaremos cuando esté instalado este.
Luego añadimos un elemento de página html... lo editamos y en su interior añadimos lo siguiente:

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

Guardamos y arrastramos esa etiqueta justo arriba del logo que es donde tienes añadido el menú, si vieras que no acepta ese nuevo elemento, que no se adapta a ese espacio entonces añadimos un nuevo elemento en el header (dejamos en espera lo que añadimos en la sidebar) y seguimos estos pasos:
Añadir elementos en página de "Diseño" (widgets)
(Debes hacer el paso de "widget en el header")

Una vez añadido el nuevo espacio ya podemos arrastrar la etiqueta que teníamos en espera en la sidebar. Guardamos los cambios...

Ahora vamos a la plantilla edición de html y justo antes de ]]></b:skin> añadimos lo siguiente:

ul#navlist
{
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #6c6;
margin: 0;
}

ul#navlist li
{
float: left;
height: 21px;
background-color: #cfc;
margin: 2px 2px 0 2px;
border: 1px solid #6c6;
}

ul#navlist li#active
{
border-bottom: 1px solid #fff;
background-color: #fff;
}

li#active a { color: #000; }

#navlist a
{
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}

#navlist a:hover { background: #fff; }

En background-color es el color de fondo.
Para el tamaño de la fuente font: bold 11px.
La línea de abajo la modificamos con border-bottom.
Para el color del borde con border.
Con el background de a:hover añadimos el color de fondo a pasar el cursor.
Puedes ir mirando en vista previa los cambios, una vez l tengas a tu gusto entonces sólo queda añadir las páginas a enlazar en el elemento de página html...
Donde el asterisco # va la url de la página y el texto sustituyendo Item...
Si me dejo algo o cualquier duda ya me dices algo ;)

Responder
Unknown

? :s por que no salen mis comentarios

Responder
Anabel Cornago

Hola,
encantada de saludarte y mil gracias por lo bien que lo cuentas todo. Acabo de empezar con mi blog -soy novata en todo-. He añadido un menú debajo de la cabecera tal y como lo cuentas. Ha salido muy bien, pero.... si los pincho, me dicen que el blog no existe.
¿Por qué? Siento no tener ni idea, este es mi blog:
http://elsonidodelahierbaelcrecer.blogspot.com/
Muchísimas gracias y ¡FELIZ 2009!
Anabel

Responder
Gem@

» Đя©K si salen tus comentarios es el editor que tienes días tontos pero no sólo este todos.
(El editor antiguo no falla nunca si quieres puedes comentar con él tienes el enlace en el botón "COMENTAR CON ANTIGUO EDITOR)


» Bienvenida Anabel es un pequeño error de esos que cometemos cuando empezamos. Verás...
En tu código dice esto:
<div style='position:relative;left:590px;bottom:1px;'>
<a href='el sonido de la hierba al crecer'>Los comienzos</a> | <a href='el sonido de la hierba al crecer'> Lenguaje</a> | <a href='el sonido de la hierba al crecer'>Socialización |</a>
<a href='el sonido de la hierba al crecer'>Cognitivo</a> | <a href='el sonido de la hierba al crecer'> Cuentos</a> | <a href='el sonido de la hierba al crecer'>Varios |</a>
</div>

Todo lo que empieza con "a href" es donde van incluidas las direcciones que en Internet le conocemos por url .
No hay dos direcciones iguales en Internet, cada url es única y nos lleva por tanto a un solo lugar, te explico esto para que sepas que lo que viene siempre a partir de a href es la dirección (url) de una página, es decir nos guiará hacia ella porque a href es un enlace.
En el ejemplo yo añado esto:
<a href='url-de-la-página'>Home</a>

Si te fijas dice url-de-la-página es decir hay que pegar ahí la url de la página donde queremos dirigirnos una vez hagamos click en ese enlace.
En Blogger no es posible hacer páginas sino que se trata de una sola página, embargo tenemos archivos, lo que hacemos para enlazar un sitio en concreto es conseguir la url de esa página.
Si yo quiero enlazar por ejemplo tu entrada de EL SONIDO DE LA HIERVA AL CRECER lo que hago es clicar sobre el título y copiar la url que aparece en ese momento en la barra de direcciones para pegarla en el lugar correspondiente para la url en a href.

Ahora lo que trata es de un menú, lo ideal es que al clicar en un tema nos muestre todas esas entradas con un mismo tema (es una forma de clasificar)
Lo que hacemos entonces es conseguir la url de ese tema que llamamos etiquetas o categorías.
¿Cómo lo hacesmo?
Hacemos click en la etiqueta que deseamos enlazar que se encuentra debajo de las entradas, también podemos hacerlo en las etiquetas que podemos añadir a nuestra columna (tu no las añadiste pero es opcional)
Haremos clikc en "CUENTOS" copiamos la url de la barra de direcciones en ese momento y la copiamos donde está señalo en negrita:
<a href='aquí-pegas-la url-de la barra'>Cuentos</a>

Quedaría algo así:
<a href='http://elsonidodelahierbaelcrecer.blogspot.com/search/label/CUENTOS'>Cuentos</a>

Quizás me extendí demasiado y te confundí todavía más. Cualquier cosa me dices algo porque cuando se empieza se ve todo mucho más complicado de lo que en realidad es :)

Responder
Anabel Cornago

Muchísimas gracias, ya lo he entendido y cambiado.
Tienes un blog fantástico, seguiré aprendiendo muchas más cosas.
Saludos.

Responder
Gem@

yz Gracias Anabel :)

Responder
Admin

Parece una tontería pero...a veces las pequeñas cosas son las que mejor resultado dan.

Gracias Gema,probado y listo para editarlo al gusto.

Saludos.

Añado:Si llego a leer antes lo de los días malos que tiene el editor,habría editado los dos comentarios que se han perdido con el antiguo editor.Si recuerdo lo que puse,te los vuelvo a publicar.

Responder
Gem@

Me alegra que te fuera útil Furanani, siento la pérdida de los comentarios este nuevo editor funciona dos días regular y tres días mal el resto, cuando funciona bien es de casualidad :)

Responder
Flores Literarias

ayy Gemit@ que pena con vos no había visto la respuesta jajajaja yo pensaba q se te habia pasado pero la despistada soy yo... :o

Abrazos y gracia spor tu tiempo, el cielo ya te tiene silla de honor a vos.

chaillo guapetona.

Responder
Gem@

FL tranquila que muchas veces es a mi a quien se le pasa :)

Responder
Fernando

Hola Gema,

te hago una pequeña consulta, porque añadí uno de estos nenús que mencionas a mi blog (el de http://www.opencube.com/index.asp) y en la parte superior me ha quedado un pequeño defecto, aparecen los caracteres "--> " y no sé cómo quitarlo, ya me fijé en la plantilla pero no encuentro el error. ¿Tienes idea de cuál puede ser?

Gracias y saludos

Responder
Gem@

yz Hola Fernando en ese blog que me dices no veo nada, donde si lo veo es en http://www.cinetextual.com.ar/ busca al principio de la plantilla donde dice:
<title>Cine textual</title>

<style id='page-skin-1' type='text/css'><!--

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Gem@ hola he intentado tres veces dejar mis comentarios y no puedo

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

anteriormente he escrito po el enlace de las entradas con las categorias, y ahora porque aun cuando he copiado textualmetne el paso a paso mi menu no aparece en oa cabecera pero si en la plantilla al editar html. Que será haber si esta vez me puedes ayudar con esto

Cariños y gracias desde ya

Responder
Gem@

Grandes Sabores Banqueteria puede ser que las medidas las tengas que variar.
Sobre el mail y el tema de las etiquetas lo estuve mirando, y pregunto ¿por qué no añades las etiquetas en cada post? te evitarías mucho trabajo.
La idea de crearlas "a mano" era porque entonces Blogger no disponía de etiquetas.

Responder
Flores Literarias

Hola Gema, no sé si el anterior comentario salió, pero no lo ví. Soy la sucesora de F.L (http://floresliterarias.blogspot.com) he querido hacer algunos arreglos al menú de la cabecera, cabié un acceso por FLORES Y POESIA y no se puede acceder a los post con esa etiqueta. Pudrías ayudarme? Cariños

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Gema te envio un copy del codigo de mi plantilla para que veas los problemas que tengo (x gmail)
en formato word.

Gracias por tus comentarios, pero no salen los cambios que hice.

q tengas un relajado fin de semana

Cariños Giovanna

Responder
Gem@

yz Vilma Fontana la diferencia está que la etiqueta "Flores y poesía" comienza con mayúscula y en el enlace del menú está con minúscula.
Un pequeño error que impide mostrar las páginas con esa etiqueta.
Espero que F.L esté bien.

yz Grandes Sabores Banquetería de acuerdo, si me adelantas a qué error te refieres ganamos tiempo ;)

Responder
Flores Literarias

Hola Gema, sí L.F. está muy bien, pero yo continúo con su blog.
Hice la corrección sugerida en el enlace, ahora están las dos con mayúscula, pero tampoco se recupera. En ese enlace había otros términos y lo cambié por "Flores y poesía". No puedo descubrir el error. Porque si lo quiero recuperar por el listado de etiquetas, sí aparecen los posts con esas etiquetas.
Cariños

F&L

Responder
Flores Literarias

Ya lo solucioné Gema, el problema era el acento de "poesía". Muchas gracias por tu ayuda porque por ella descubría lo del acento. Cariños

Responder
Gem@

yz Vilma Fontana me alegra que al final se solucionara :)

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Gem@ estoy super agradecida ya solucione el tema de las etiquetas...disculpen los entendidos si hago esta pregunta, pero soy nueva en esto...habra alguna manera de que no queden en la pagina princ. las entradas al publicarlas, sera que pueden quedar en su etiqueta respectiva?

Cariños grandes Gema, veras como he hecho algunos cambios a mi blog gracias a todos tus comentarios.

Responder
Gem@

yz Hola Giovanna no debes disculparte por preguntar, es lo que hacemos todos cuando esconcemos algo y lo peor es quedarse con las dudas.
Verás... hay una entrada en este enlace que te guiará para conseguir ocultar cualquier entrada del blog.
Se trata de ocultar las entradas de forma que escogemos la etiqueta que contiene la entrada a ocultar.
Para ocultarlas todas sería necesario añadir todas las etiquetas. Pero será mejor que lo veas.

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Gracias Gem@ de hecho le di una mirada y es lo que necesito, pero para hacerlo, debo primeramente hacer un menu, ya que es ahi donde quiero ubicar el link o enlace para esos post.
Tal vez me puedas dar una manito con el menú, aun no consigo que se vea en la cabecera.

Gracias por la ayuda

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Gem@ disculpame tanta preguntadera, pero tb estoy creando una galeria e mi blog, si me has visitado te daras cuenta que hay un presentacion en la sidebar, lo que yo deseo es un boton o link en mi menú (el que estoy haciendo en la cabecera), existira una forma simple, rapida y bonita para crear una "tengo cta. en flirk" ahi cree la presentacion en mi blog.

ahora si gracias y cariños

Giovanna

Responder
Gem@

Hola Giovanna, yo tampoco veo el menú y no consigo ver lo que tratas de hacer ¿te guías por las indicaciones de esta entrada o se trata de otro menú?
Sobre el tema de enlazar la galería puedes hacer dos cosas. Enlazar directamente ese botón con la galería, o crear una entrada diferente al resto me refiero estéticamente donde explicas de qué trata esa galería o una breve presentación y ahí añades e lenlace a la galería.

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

no puedo agregar el codigo html de la plantilla
te lo envio por email para que puedas ver en donde esta el error

En cuanto a la galeria en esto estoy y creo q la segunda opcion q me explicas es la mejor para mi

Gracias x todo

Responder
Gem@

yz Giovanna la próxima entrada la hago con un menú muy sencillo que lo puedes añadir a un gadget en lugar de la plantilla ;)

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Gemita santa Gemita,
Trate de copiar aqui mi codigo html del menu que trate de hacer con el paso a paso de tus indicaciones y la plantilla no se copio (pero te la envie por email). Entonces que no se viera mi menu era por problema de la plantilla?. Aun no puedo salir de este impaz q me ha traido de cabeza.

ah logre lo de la galeria, ha quedado genial, que la puedes ver a contar de mañana en mi blog, pero tengo una duda (añado un gadjet o simplemente con una entrada, ya que la hice en photoshop y la tengo en mi pc, por flikr no pude hacer el collage que queria, que me aconsejas tu?

Cariños y gracias
Giovanna

Responder
Gem@

yz Giovanna no he recibido ningún mail :( por aquí no admite código a no ser que previamente lo conviertas a texto plano, por otra parte hice esa entrada que te comentaba en el anterior comentario, es un menú que puedes añadir en un gadget, puedes verlo aquí:
http://gemablog-.blogspot.com/2009/04/menu-sencillo-efecto-onmouseover.html
Sobre la galería eso ya es agusto personal, yo me inclino por añadirlo en una entrada te resultará más sencillo enlazarla al menú ;)

Responder
Helena

Hola Gema, es la primera vez que comento en tu blog, pero lo leo a menudo, tienes muy buenos trucos, eres una maquina ;)

Me encantá este menú, pero me gustaria controlar el efecto hover. Imagino que el que le aparece es el que tiene aplicado ya mi plantilla. Pero para este menu, me gustaria saber como puedo quitarle el subrayado, y como cambiar el color sin pasar y pasando el raton sobre el texto. Pero no quiero que eso afecte al resto del blog, solo a este menu. No sé si se podrá :(

Muchas gracias, y felicidades por tu lindo blog! :P

Responder
Gem@

yz Hola Elena, mira este enlace es el mismo menú y le puedes quitar el color de fondo:
http://gemablog-.blogspot.com/2009/04/menu-sencillo-efecto-onmouseover.html

Responder
Helena

Hola de nuevo!
Excelente, :P con el menu efecto onmouseover tengo lo que quería, muchas gracias Gema!
Solo una cosa más, he cambiado algo en el padding, para conseguir que los enlaces se vieran mas separados y ocuparan el total entre la entrada y la sidebar...y lo he conseguido, pero he pensado si eso podria verse distinto desde otra pantalla ¿¿??? Te importaría hacer una visitilla a mi blog y ver si tiene una "estetica adecuada"?? Me estoy pasando :(

Mil gracias, primor!

Responder
Gem@

yz Hola Helena :)
He probado con distinto navegador creo que eso es a lo que te referías y tanto con Explorer como Firefox se ve perfecto :)
(Me encanta la muñequita del logo, se la ve femenina y simpática)

Responder
Helena

Gema, perdona me explique mal...me referia a la resolucion de la pantalla.

De todos modos, he tenido que poner el padding, tal como tu lo has explicado, porque al cambiarlo, a veces la pagina cargaba bien...y otras veces no (se me veia mucha separacion entre el menu y la cabecera, y entre el menu y las entradas...aparte me desaparecia parte del footer).

P.D. Me estoy refiriendo al menu onmouseover, lo pongo aqui porque es donde tenemos abierta la conversación, ;)

Muchas gracias por tu ayuda :)

Responder
Gem@

yz Helena la resolución de pantalla no debe alterar el menú porque lo que conseguimos con la resolución es acercar o alejar lo que estamos viendo, como es lógico al acercarlo más la vista se reduce y se ocultan ciertas partes del blog como los laterales pero el menú está en el centro no tendrás ese problema :)
No te preocupes donde dejas los comentarios, pero es un detalle el poder seguir en el mismo sitio ;)

Responder
Christian

hola Gem@!
como puedo hacer para crear este mismo menu, pero en vez de poner "Home" quisiera poner un boton
lo intente, subi la imagen y puse " img src="url del botón" " en lugar del texto y me da error diciendo que debo cerrar el "tag" pero la verdad que ya no se que cerrar

muchas gracias
saludos
Christian

pd: lo de img lo puse como corresonde entre <> pero aca en el msg no me deja ponerlo!

Responder
Gem@

yz Christian la imagen si es así está bien.
<img src="url-de-la-imagen">
Lo de cerrar si no veo lo que añades no sé lo que te falta :(

Responder
Christian

era eso que me decis!
parece que lo habia cerrado mal!
lo borre y lo puse todo otra vez y bien!

mil gracias!

Responder
Gem@

yz No hay de qué Christian ,me alegra que esté solucionado :D

Responder
Anónimo

hola Gemit@ como puedo corregir un inconveniente, añado un menu en la cabecera pero el blog se desplaza hacia la derecha, la barra de espaciado inferior se corre, no se si me explico...

ahhh por cierto soy F.L abrazos.

Responder
Gem@

yz FL tendría que ver ese menú online para poder decirte :O

Responder
Anónimo

HOLA GEM@ ESTE ES EL LINK www.comunidadcolombialgtb.blogspot.com

F.L

Responder
Gem@

yz Yo lo veo perfecto FL con Firefox y con Explorer :O

Responder
Kirei

Hola Gem@ te cuento que estoy tratando de crear mi propia plantilla pero no no sé demasiado, todavía no me decido si conservo o cambio el fondo pero creo que lo mas importante es la plantilla base ya puse el menú y noto que hay diferencias en firefox y el IE (veo que se va más a la derecha)hay alguna forma de compensar esa diferencia? Pero mi problema principal es bastante tonto: me gustaría mover el título a la izquierda, creo que quedaría mejor, he buscado en la plantilla pero no se donde configurar el margen de la imagen. Te agradecería mucho si me puedes ayudar. Otra pregunta más: puse un formulario de contacto de EmailMeForm pero hice pruebas y siempre me pide una o dos veces que escriba los numeros de verificación (estoy segura que los escribo bien)Sabés cuál puede ser el problema? Lo podras ver en el blog kireidesign_prueba. Tengo más preguntas pero no quiero abrumarte con mi ignorancia...jaja
Saludos desde Argentina

Responder
Gem@

yz Kirei para mover el título puedes hacerlo en #header h1 auqnue yo lo veo centradito y bien centradito :)
Lo del formulario he probado y funciona correctamente ¡a la primera!
Creo que llego tarde a resolver tus dudas ¿verdad?

Responder
Kirei

Hola Gem@ en realidad probé de todo con el formulario y no pude arreglarlo así que lo dejé sin la verificación de imagen porque así funciona bien.
Vi tus comentarios sobre el calor y acá nos estamos congelando!!! Un abrazo.

Responder
Gem@

yz Hola Kirei te dejé un mensajito en el formulario y funciona perfecto, eso si.. si la verificación de palabra como dices.
Yo lo dejaría de esa forma, cuando algo funciona mejor no tocarlo :D
Aquí tenemos un tiempo inmejorable, buena temperatura todo el año por algo lo llaman Costa Cálida :) pero en verano... ufff sálvese quien pueda :O
Decididamente prefiero el invierno !!no hace frío y tampoco calor !!

Responder
Anónimo

Gema,
Muchas gracias por la explicación =)

He agregado el menú en mi blog y ha quedado de maravilla.
El menu tiene la sencillez que caracteriza al blog.

muchas gracias =)

saludos.

Responder
Gem@

yz Me alegra que así fuera Fero, gracias a ti por comentar :)

Responder
Gabuleta*

Hola Gem@! Por fin estoy de vacaciones en la facultad y puedo tomarme tiempo para mi blog!
Estoy bastante conforme con como está quedando, pero ahora tengo un problema. En otro de pruebas había puesto este menú y funcionó perfecto. Luego lo saqué para probar otra cosa jaja.
Pero ahora en el blog que quiero no hay forma de hacerlo funcionar! Hago todo lo que dice acá, pero lo único que hace es agrandarme el ancho del fondo del blog!
Por favor si tenes un tiempo fijate y decime como solucionarlo..
el blog es www.blupruebas.blogspot.com
Miles de gracias.
Saludos!

Responder
Gabuleta*

Ya lo solucioné! Estaba viendolo con IE, y cuando activé la vista de compatibilidad se vió. Gracias igual!
besos

Responder
Gem@

yz Me alegra mucho Gabuleta* :D

Responder
Gem@

yz Quedó preciosa Gabuleta!!

Responder
Gabuleta*

Muchas gracias!! Me alegra que te haya gustado :)

Aprovecho para preguntarte algo. Yo empecé con esto de cambiar las plantillas de los blogs porque mi hermana me lo pidió para el blog de su local. Luego me puse a hacer el mío, para publicar lo que hago en diseño gráfico, y varias personas me han pedido (habiendo visto el de mi hermana) que les personalize sus blogs. Claro que para esto me pagarían. Te parece deshonesto? Yo en realidad esaría cobrando la parte de diseño ya que de programación voy aprendiendo a medida que lo hago y encima gratis, mi intención es aportar en lo que es estética.
Espero tu opinión.
Gracias de nuevo!

Responder
Gem@

yz Gabuleta si esa misma pregunta se la hiceras a varias personas seguramente tendrías respuestas diferentes y crearía más confusión de la que tienes, por eso te digo que hagas lo que tu creas que debes hacer sin tener en cuenta opinones de nadie.
¿Deshonesto por qué? por cobrar un trabajo que otros están dispuestos a pagar a cambio de tener una plantilla exlusiva evitando el trabajo que ello requiere?

Pues no, no lo veo deshonesto nadie cobra por no hacer nada y la comodidad tiene precio, ya quisieramos muchos cobrar por un trabajo que nos encanta hacer :D

Responder
Gabuleta*

:) Gracias Gem@ por responder! La verdad es que yo no lo veo mal, pero como la parte de modificar la plantilla la aprendí en gran parte gracias a vos, me interesaba tu opinión.
Muchas gracias por responder!!
Besos.
Gaby.

Responder
Akaki

muy util, muchas gracias

Responder
Gem@

:: Gracias a ti por comentar Akaki :D

:: Veo tu respuesta con mucho retraso Gabuleta, espero que ese proyecto siga funcionado y respecto a que aprendiste gracias a mi, más alegría me da que va a servirte de algo :)

Responder
Emmanuel Joven

Hola, gracias por el aporte , yo lo he puesto a modo de elemento para cada vez que tenga que editarlo no tener que andar modificando la plantilla.
Graciaaas un saludo.

Responder
Gem@

:: Esa es la ventaja de añadirlo en un gadget Lennon, la desventaja sería que si cambiamos de plantilla podemos perder en contenido de los gadgets.
Tenemos que usar las cosas según la comodidad de cada uno eso es lo ideal :)

Responder
Anónimo

Buen aporte me fué de gran ayuda, tienes la instrucción para cambiarle el tipo de color a los enlaces del menú?

Gracias.

Responder
Anónimo

Tengo otra pregunta como le hago para que mi plantilla no se expanda hacia la dereccha cuando inserte el código para el menú que va en cualquier parte de la cabecera, gracias.

Responder
Gem@

:: para el color prueba con la etiqueta span:
http://gemablog-.blogspot.com/2010/09/la-etiqueta-span-y-los-caracteres.html
sería algo así:

<a href='url-de-la-página'><span style="color:#990000; font-size:20px;">El texto aquí</span></a> | <a href='url-de-la-página'><span style="color:#990000; font-size:20px;">El texto aquí</span></a> | <a href='url-de-la-página'><span style="color:#990000; font-size:20px;">El texto aquí</span> |</a>

Para que la plantilla quede centrada debería ser suficiente con añadir en los estilos de body:
margin: 0;padding: 0;

Responder
Gem@

:: El comentario 84 era para ti ManzurMetal.

Responder
Anónimo

Ok haré una prueba y te comento que resultado obtuve, gracias.

Responder
Anónimo

ya añadi en los estilos de body pero obtengo el mismo resultado :-I

Responder
Gem@

:: ManzurMeta de qué blog estamos hablando? he mirado el primero que hay en tu perfil y lo veo centrado :S

Responder
Anónimo

Querida gema, aqui siempre encuentro lo que busco, el problema es que cuando le doy buscar a ='header-wrapper'> me dice 0 de 0 elementos, no lo encuentra en mi plantilla. Ese menú me vendria demaravillas en el team para agregar contacto en la cabecera ya que el menu esta completo, porqué puede ser que no aparezca?

Responder
Gem@

:: Seguramente en tu plantilla el header-wrappe viene con otro nombre pero no puedo decirte cual porque no tienes el perfil disponible y no puedo ver el blog :)

Responder
Anónimo

como el perfil no disponible, que raro bueno, no importa el blog no es de esta cuenta, es www.mbteamranelagh.blogspot.com (me lo pidieron asi como esta pero ahora me piden contacto que antes lo habia sacado y quiero ponerlo en otro lugar

Responder
Gem@

:: En tu plantilla sería header-outer en lugar de header-wrapper :S

Responder
Rodrigo Acuña Bravo

Hola Gema, uso esta plantilla
www.musicadelsuronline.blogspot.com,
cuál código debo ubicar primeramemte ? porque el header-wrapper no me aparece
me puedes ayudar al respecto ?

Saludos desde Chile !
Rodrigo

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top